@charset "UTF-8";

/*       http://pixelcave.com/demo/turboadmin/page_articles.php   模板页面      */
* { margin:0; padding: 0; }
body { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.5; font-size:12px; background-color:#F2F2F2; color:#666; }
ul, li { list-style-type: none; }
a { outline: none; color: #0098EA; text-decoration: none; }
a:hover { text-decoration: underline; color: #FF6600; }

.header {
    float: left;background-color: #282828;width:100%;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.2, rgb(39,38,34)),color-stop(0.8, rgb(50,50,50)));
    background: -moz-linear-gradient(center bottom,rgb(39,38,34) 20%,rgb(50,50,50) 80%);
    border-bottom: 4px solid #D9D9D9;
}
.header-con{ margin:0 auto; text-align:left; width: 990px; position:relative; }
.log { color:#FFF; font:bold 2.4em/26px 'Trebuchet MS',Trebuchet,Arial,sans-serif; letter-spacing:-0.02em; padding:20px 0 22px; text-shadow:1px 1px 3px #111; }
.log span { color: #FFC806; }
.topnav { color:#999; padding:6px 0 6px 10px; position:absolute; right:0; top:0; white-space:nowrap; font-size:12px; text-align:right; }
.topnav span { color:#444; }
.topnav a { color:#2A7AD2; padding:0; text-decoration:none; }
.topnav a:hover, .topnav a:focus, .topnav a:active { color:#fff; text-decoration:none; }

.nav ul { position:absolute; top:-999em; width:12em; }
.nav ul li { width:100%; }
.nav li:hover { visibility:inherit; }
.nav li { float:left; position:relative; }
.nav a { display:block; position: relative; }
.nav li:hover ul,.nav li.sfHover ul { left:0; top:2.5em; z-index:99; }
.nav li:hover li ul,.nav li.sfHover li ul { top: -999em; }
.nav li li:hover ul,.nav li li.sfHover ul { left:12em; top:0; }
.nav li li:hover li ul,.nav li li.sfHover li ul { top: -999em; }
.nav li li li:hover ul,.nav li li li.sfHover ul { left:12em; top:0; }

.nav { float:left; font: 12px Arial; }
.nav a { padding:.75em 1em; text-decoration:none; }
.nav ul a { border-bottom: 1px solid #333; }
.nav a,.nav a:visited { color:#eee; }
.nav li { background:#444; margin-right:2px; }
.nav>li {
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
}
.nav li li { background:#444; }
.nav li li li { background:#444; }
.nav li:hover,.nav li.sfHover,.nav a:focus,.nav a:hover,.nav a:active { background:#555; outline:0; }
.nav>li:hover,.nav>li.sfHover,.nav a:focus,.nav a:hover,.nav a:active {
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
}
.nav li.current { background: #266DBB; }
.nav a.sf-with-ul { padding-right:2.25em; min-width: 1px; }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../img/arrows-ffffff.png') no-repeat -10px -100px; }
a>.sf-sub-indicator { top:.8em; background-position:0 -100px; }
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator { background-position: -10px -100px; }
.nav ul .sf-sub-indicator { background-position:-10px 0; }
.nav ul a>.sf-sub-indicator { background-position: 0 0; }
.nav ul a:focus>.sf-sub-indicator,.nav ul a:hover>.sf-sub-indicator,.nav ul a:active>.sf-sub-indicator,.nav ul li:hover>a>.sf-sub-indicator,.nav ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
}
.sf-shadow ul {
    background:url('../img/shadow.png') no-repeat bottom right;
    padding:0 8px 9px 0;
    -moz-border-radius-bottomleft:17px;
    -moz-border-radius-topright:17px;
    -webkit-border-top-right-radius:17px;
    -webkit-border-bottom-left-radius:17px;
}
.sf-shadow ul.sf-shadow-off { background: transparent; }

.container { width: 990px; margin: 10px auto; overflow: hidden; }
.content { float: left; width: 800px; }
.sidebar { float: right; width: 180px; }
.sidebar-con { margin: 8px 0; }
.operation {
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #F6F6F6, #EEEEEE);
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px 8px;
    text-align: left;
    text-shadow: 0 1px 1px #FFFFFF;
}
.operation-con {
    border: 1px solid #CCCCCC;
    border-top: none;
    background: #FFFFFF;
}
.operation-con ul {
    padding: 8px 12px;
}
.operation-con ul li { padding: 2px; }


/* 表格样式 */
table {
    background-color: #FFFFFF;
    margin: 8px 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
table th {
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #F6F6F6, #EEEEEE);
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px 8px;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
}
table td.backcolor {
    background-color: #F9F9F9;
}
table td {
    border: 1px solid #CCCCCC;
    padding: 7px 5px;
    text-align: center;
}

/* footer样式 */
.footer {
    background-color:#F2F2F2; border-top:4px solid #D9D9D9; color:#999; float:left; font-size:11px; width:100%;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.2, rgb(242,242,242)),color-stop(0.8, rgb(254,254,254)));
    background: -moz-linear-gradient(center bottom,rgb(242,242,242) 20%,rgb(254,254,254) 80%);
    padding-bottom:2em;
}
.footer-nav { float:none; text-align: center; padding-top:20px; }
.footer a { color:#999; margin:0 4px; text-decoration:none; white-space:nowrap; border-bottom:1px solid #ccc; line-height:1.2em; }
.footer a:hover, .footer a:active, .footer a:focus { color:#666; border-bottom:1px solid #999; text-decoration:none; }
.footer p{ clear:both; text-align:center; margin-bottom:24px; padding-top:12px; text-shadow:1px 1px 0 #fff; }

/* 底部样式 */
.bottom { background:#222; bottom:0; padding:10px 0 8px; position:fixed; width:100%; opacity:0; -khtml-opacity: 0; -moz-opacity: 0; }
.bottom ul { list-style:none outside none; margin:0 auto; text-align:center; }
.bottom ul li { color:#fff; display:inline; padding:0 10px; text-shadow:1px 1px 3px #000; }
.bottom a { color:#aaa; text-decoration:none; }
.bottom a:hover, .bottom a:focus, .bottom a:active { color:#fff; text-decoration:none; }


/* 返回顶部 */
#totop { background:#ccc; bottom:2px; display:block; font-size:11px; opacity:0.9; -khtml-opacity: .9; -moz-opacity: 0.9; padding:3px 6px; position:fixed; right:2px; color:#666; text-decoration:none; cursor:pointer; }
#totop:hover, a#totop:focus, a#totop:active{ color:#333; text-decoration:none; }